<template>
	<view>
		<view style="padding: 30rpx;padding-bottom: 140rpx;">
			<view
				style="background-color: #00c297;border-radius: 20rpx;margin: 30rpx 0;font-size: 32rpx;line-height: 50rpx;color: #ffffff;">
				<view style="padding: 30rpx 40rpx;">
					<view style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
						<text>李克</text>
						<text>已回收1单</text>
					</view>
					<text>接单时间：{{$u.timeFormat(time,'yyyy-mm-dd hh:MM')}}</text><br />
					<text>所属店家：卖力跑</text>
					<view style="display: flex;justify-content: flex-start;">
						<text>总体：</text>
						<u-rate :allowHalf="true" :readonly="true" v-model="value"></u-rate>
					</view>
				</view>
			</view>
			<view style="display: flex;justify-content: flex-start;margin-bottom: 20rpx;">
				<text>服务评分：</text>
				<u-rate v-model="a"></u-rate>
				<text>评分</text>
			</view>
			<u-textarea :count="true" border="bottom" placeholder="您可以从回收员的专业知识、服务态度、服务效果等方面说说自己的感受~"></u-textarea>
			<view style="display: flex;justify-content: flex-start;margin: 20rpx 0;">
				<text>店家评分：</text>
				<u-rate v-model="b"></u-rate>
				<text>评分</text>
			</view>
			<u-textarea :count="true" border="bottom" placeholder="我们将对您的信息进行隐藏,店家不会看到您的信息"></u-textarea>
		</view>
		<view
			style="position: fixed;bottom: 0;width: 100%;height: 120rpx;border-top: 1rpx #dfdfdf solid;background-color: #ffffff;">
			<button @click="releaseEvaluation"
				style="width: 70%;height: 80rpx;margin-top: 20rpx;line-height: 80rpx;background-color: #00c297;color: #ffffff;font-size: 35rpx;">
				发布评价
			</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				time: Number(new Date()),
				value:4.5,
				a:1,
				b:1
			}
		},
		methods: {
			releaseEvaluation(){
				// 评价发布功能实现
				
				// 成功回调
				uni.$u.toast('发布成功')
				uni.navigateBack()
			}
		}
	}
</script>

<style>

</style>
